<h2 class="text-center">Gestion des panneaux</h2>
<br/>
<div class="tabset row">
	<div class="col-sm-3">
		<ul class="nav nav-pills nav-stacked" role="tablist">
			<li ng-class="{'active': viewTab == 'tab2'}">
				<a ng-click="changeTab('tab2')" href="">Ajouter</a>
			</li>
			<li ng-class="{'active': viewTab == 'tab1'}">
				<a ng-click="changeTab('tab1')" href="">Rechercher</a>
			</li>
			<li ng-class="{'active': viewTab == 'tab3'}" class="animate" ng-show="selected">
				<a ng-click="changeTab('tab3')" href="">Pré-visualiser</a>
			</li>
			<li ng-class="{'active': viewTab == 'tab4'}" class="animate" ng-show="selected">
				<a ng-click="changeTab('tab4')" href="">Modifier</a>
			</li>
			<li ng-show="selected" class="animate">
				<a ng-click="open()" href="">Supprimer</a>
			</li>
		</ul>
	</div>
	<div class="col-sm-9">
		<div ng-show="viewTab == 'tab2'">
			<ajouterpanneau added="added" view="viewTab"></ajouterpanneau>
		</div>
		<div ng-show="viewTab == 'tab1'">
			<rechercherpanneau data="data" view="viewTab" selected="selected" rafraichir-recherche="rafraichirRecherche"></rechercherpanneau>
		</div>
		<div ng-show="viewTab === 'tab3'">
			<viewpanneau selected="selected"></viewpanneau>
		</div>
		<div ng-show="viewTab == 'tab4'" view="viewTab" ng-show="selected">
			<modifierpanneau panneau="selected" added="added" view="viewTab"></modifierpanneau>
		</div>
	</div>
</div>
